

<template>
<div>
    <div>循环list</div>
    <div class="item" v-for="item in list" :key="item">{{item}}</div>
</div>
</template>
<script  lang="ts">
import { defineComponent, ref,  } from 'vue'
export default defineComponent({
    name: 'List',
    setup() {
        const list = ref([1,2,3])
        return{
            list
        }
    }
})
</script>
<style scoped lang="less">
.item{
    width: 200px;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border: 1px solid #ccc;
}
</style>